import { getBlogPosts } from './data.js';
import './style.css';
import vueLogo from './assets/images/vite.svg';
console.log('hello world');
const blogs=getBlogPosts();
//创建一个ul元素，把blogs放入其中，并展示到页面上，为了验证css样式打包配置写的。
const ul = document.createElement('ul');
blogs.forEach(blog => {
    const li = document.createElement('li');
    li.textContent = blog;
    ul.appendChild(li);
});
document.body.appendChild(ul);

//导入图片，并加载到页面中,为了验证图片打包配置而写的。
const img = new Image();
img.src = vueLogo;
img.alt = 'vite Logo';
document.body.prepend(img);

//创建h1元素，并展示到页面上，为了验证webpack-dev-server热更新插件写的。
const h1= document.createElement('h1');
h1.textContent = "博客列表";
document.body.prepend(h1);
document.body.append("Hello World");
